<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="客户姓名" prop="loaderName">
        <el-input
          v-model="queryParams.loaderName"
          placeholder="请输入客户姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="联系方式" prop="loaderContactInformation">
        <el-input
          v-model="queryParams.loaderContactInformation"
          placeholder="请输入联系方式"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="身份证号" prop="loaderIdNumber">
        <el-input
          v-model="queryParams.loaderIdNumber"
          placeholder="请输入身份证号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="家庭住址" prop="loaderAddress">
        <el-input
          v-model="queryParams.loaderAddress"
          placeholder="请输入家庭住址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="出身年月" prop="loaderAge">
        <el-input
          v-model="queryParams.loaderAge"
          placeholder="请输入出身年月"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="出身年月" prop="loaderChildAge">
        <el-input
          v-model="queryParams.loaderChildAge"
          placeholder="请输入出身年月"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否公司" prop="loaderCompany">
        <el-input
          v-model="queryParams.loaderCompany"
          placeholder="请输入是否公司"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="公司名称" prop="loaderCompanyName">
        <el-input
          v-model="queryParams.loaderCompanyName"
          placeholder="请输入公司名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="打卡工资" prop="loaderSalary">
        <el-input
          v-model="queryParams.loaderSalary"
          placeholder="请输入打卡工资"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="公积金" prop="loaderHouseFund">
        <el-input
          v-model="queryParams.loaderHouseFund"
          placeholder="请输入公积金"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房产地址" prop="loaderPropertyAddress">
        <el-input
          v-model="queryParams.loaderPropertyAddress"
          placeholder="请输入房产地址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房产面积" prop="loaderPropertyAddressArea">
        <el-input
          v-model="queryParams.loaderPropertyAddressArea"
          placeholder="请输入房产面积"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="竣工年月" prop="loaderPropertyCompletedYears">
        <el-input
          v-model="queryParams.loaderPropertyCompletedYears"
          placeholder="请输入竣工年月"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="评估价值" prop="loaderPropertyAssess">
        <el-input
          v-model="queryParams.loaderPropertyAssess"
          placeholder="请输入评估价值"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否贷款" prop="loaderPropertyIsLoad">
        <el-input
          v-model="queryParams.loaderPropertyIsLoad"
          placeholder="请输入是否贷款"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款金额" prop="loaderPropertyLoadAmount">
        <el-input
          v-model="queryParams.loaderPropertyLoadAmount"
          placeholder="请输入贷款金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款银行" prop="loaderPropertyLoadBank">
        <el-input
          v-model="queryParams.loaderPropertyLoadBank"
          placeholder="请输入贷款银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="负债" prop="loaderDebt">
        <el-input
          v-model="queryParams.loaderDebt"
          placeholder="请输入负债"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无保险" prop="loaderIsInsurance">
        <el-input
          v-model="queryParams.loaderIsInsurance"
          placeholder="请输入有无保险"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无车辆" prop="loaderIsCar">
        <el-input
          v-model="queryParams.loaderIsCar"
          placeholder="请输入有无车辆"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无信贷" prop="loaderIsCreditLoad">
        <el-input
          v-model="queryParams.loaderIsCreditLoad"
          placeholder="请输入有无信贷"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无房贷" prop="loaderIsHouseLoad">
        <el-input
          v-model="queryParams.loaderIsHouseLoad"
          placeholder="请输入有无房贷"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无信卡" prop="loaderIsCreditCard">
        <el-input
          v-model="queryParams.loaderIsCreditCard"
          placeholder="请输入有无信卡"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房贷金额" prop="loaderHouseLoadAmount">
        <el-input
          v-model="queryParams.loaderHouseLoadAmount"
          placeholder="请输入房贷金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房贷银行" prop="loaderHouseLoadBank">
        <el-input
          v-model="queryParams.loaderHouseLoadBank"
          placeholder="请输入房贷银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房贷月供" prop="loaderHouseLoadMouthPay">
        <el-input
          v-model="queryParams.loaderHouseLoadMouthPay"
          placeholder="请输入房贷月供"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信贷金额" prop="loaderCreditLoadAmount">
        <el-input
          v-model="queryParams.loaderCreditLoadAmount"
          placeholder="请输入信贷金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信贷银行" prop="loaderCreditLoadBank">
        <el-input
          v-model="queryParams.loaderCreditLoadBank"
          placeholder="请输入信贷银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信贷月供" prop="loaderCreditLoadMonthPay">
        <el-input
          v-model="queryParams.loaderCreditLoadMonthPay"
          placeholder="请输入信贷月供"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="车贷金额" prop="loaderCarLoadAmount">
        <el-input
          v-model="queryParams.loaderCarLoadAmount"
          placeholder="请输入车贷金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="车贷银行" prop="loaderCarLoadBank">
        <el-input
          v-model="queryParams.loaderCarLoadBank"
          placeholder="请输入车贷银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="车贷月供" prop="loaderCarLoadMonthPay">
        <el-input
          v-model="queryParams.loaderCarLoadMonthPay"
          placeholder="请输入车贷月供"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信卡额度" prop="loaderCreditCardLoadLimit">
        <el-input
          v-model="queryParams.loaderCreditCardLoadLimit"
          placeholder="请输入信卡额度"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信卡银行" prop="loaderCreditCardBank">
        <el-input
          v-model="queryParams.loaderCreditCardBank"
          placeholder="请输入信卡银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信卡用额" prop="loaderCreditCardUsed">
        <el-input
          v-model="queryParams.loaderCreditCardUsed"
          placeholder="请输入信卡用额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="备注" prop="loaderRemark">
        <el-input
          v-model="queryParams.loaderRemark"
          placeholder="请输入备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="跟进记录" prop="loadFollow">
        <el-input
          v-model="queryParams.loadFollow"
          placeholder="请输入跟进记录"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="客户收佣" prop="loadCommission">
        <el-input
          v-model="queryParams.loadCommission"
          placeholder="请输入客户收佣"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="提醒时间" prop="loadReminderTime">
        <el-input
          v-model="queryParams.loadReminderTime"
          placeholder="请输入提醒时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="客户经理" prop="loadBelongPerson">
        <el-input
          v-model="queryParams.loadBelongPerson"
          placeholder="请输入客户经理"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="归属部门" prop="loadBelongDepartment">
        <el-input
          v-model="queryParams.loadBelongDepartment"
          placeholder="请输入归属部门"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款进度" prop="loadProgress">
        <el-input
          v-model="queryParams.loadProgress"
          placeholder="请输入贷款进度"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="还款提醒" prop="loadProgressRecall">
        <el-input
          v-model="queryParams.loadProgressRecall"
          placeholder="请输入还款提醒"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款收佣" prop="loadReceive">
        <el-input
          v-model="queryParams.loadReceive"
          placeholder="请输入贷款收佣"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款来源" prop="loadSource">
        <el-input
          v-model="queryParams.loadSource"
          placeholder="请输入贷款来源"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款金额" prop="loadAmount">
        <el-input
          v-model="queryParams.loadAmount"
          placeholder="请输入贷款金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款年限" prop="loadLife">
        <el-input
          v-model="queryParams.loadLife"
          placeholder="请输入贷款年限"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="还款方式" prop="loadRepayWay">
        <el-input
          v-model="queryParams.loadRepayWay"
          placeholder="请输入还款方式"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款月供" prop="loadMonthPay">
        <el-input
          v-model="queryParams.loadMonthPay"
          placeholder="请输入贷款月供"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="放款银行" prop="loadBank">
        <el-input
          v-model="queryParams.loadBank"
          placeholder="请输入放款银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="起始日期" prop="loadStartDay">
        <el-input
          v-model="queryParams.loadStartDay"
          placeholder="请输入起始日期"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="还款日期" prop="loadRepayDay">
        <el-input
          v-model="queryParams.loadRepayDay"
          placeholder="请输入还款日期"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否还款" prop="loadRepayRecall">
        <el-input
          v-model="queryParams.loadRepayRecall"
          placeholder="请输入是否还款"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="备注" prop="loadRemark">
        <el-input
          v-model="queryParams.loadRemark"
          placeholder="请输入备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="配偶姓名" prop="wifeName">
        <el-input
          v-model="queryParams.wifeName"
          placeholder="请输入配偶姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="联系方式" prop="wifeContactInformation">
        <el-input
          v-model="queryParams.wifeContactInformation"
          placeholder="请输入联系方式"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="身份证号" prop="wifeIdNumber">
        <el-input
          v-model="queryParams.wifeIdNumber"
          placeholder="请输入身份证号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="家庭住址" prop="wifeAddress">
        <el-input
          v-model="queryParams.wifeAddress"
          placeholder="请输入家庭住址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="出身年月" prop="wifeAge">
        <el-input
          v-model="queryParams.wifeAge"
          placeholder="请输入出身年月"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="出身年月" prop="wifeChildAge">
        <el-input
          v-model="queryParams.wifeChildAge"
          placeholder="请输入出身年月"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否公司" prop="wifeCompany">
        <el-input
          v-model="queryParams.wifeCompany"
          placeholder="请输入是否公司"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="公司名称" prop="wifeCompanyName">
        <el-input
          v-model="queryParams.wifeCompanyName"
          placeholder="请输入公司名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="打卡工资" prop="wifeSalary">
        <el-input
          v-model="queryParams.wifeSalary"
          placeholder="请输入打卡工资"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="公积金" prop="wifeHouseFund">
        <el-input
          v-model="queryParams.wifeHouseFund"
          placeholder="请输入公积金"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房产地址" prop="wifePropertyAddress">
        <el-input
          v-model="queryParams.wifePropertyAddress"
          placeholder="请输入房产地址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房产面积" prop="wifePropertyAddressArea">
        <el-input
          v-model="queryParams.wifePropertyAddressArea"
          placeholder="请输入房产面积"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="竣工年月" prop="wifePropertyCompletedYears">
        <el-input
          v-model="queryParams.wifePropertyCompletedYears"
          placeholder="请输入竣工年月"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="评估价值" prop="wifePropertyAssess">
        <el-input
          v-model="queryParams.wifePropertyAssess"
          placeholder="请输入评估价值"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否贷款" prop="wifePropertyIsLoad">
        <el-input
          v-model="queryParams.wifePropertyIsLoad"
          placeholder="请输入是否贷款"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款金额" prop="wifePropertyLoadAmount">
        <el-input
          v-model="queryParams.wifePropertyLoadAmount"
          placeholder="请输入贷款金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="贷款银行" prop="wifePropertyLoadBank">
        <el-input
          v-model="queryParams.wifePropertyLoadBank"
          placeholder="请输入贷款银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="负债" prop="wifeDebt">
        <el-input
          v-model="queryParams.wifeDebt"
          placeholder="请输入负债"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无保险" prop="wifeIsInsurance">
        <el-input
          v-model="queryParams.wifeIsInsurance"
          placeholder="请输入有无保险"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无车辆" prop="wifeIsCar">
        <el-input
          v-model="queryParams.wifeIsCar"
          placeholder="请输入有无车辆"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无信贷" prop="wifeIsCreditLoad">
        <el-input
          v-model="queryParams.wifeIsCreditLoad"
          placeholder="请输入有无信贷"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无房贷" prop="wifeIsHouseLoad">
        <el-input
          v-model="queryParams.wifeIsHouseLoad"
          placeholder="请输入有无房贷"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="有无信卡" prop="wifeIsCreditCard">
        <el-input
          v-model="queryParams.wifeIsCreditCard"
          placeholder="请输入有无信卡"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房贷金额" prop="wifeHouseLoadAmount">
        <el-input
          v-model="queryParams.wifeHouseLoadAmount"
          placeholder="请输入房贷金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房贷银行" prop="wifeHouseLoadBank">
        <el-input
          v-model="queryParams.wifeHouseLoadBank"
          placeholder="请输入房贷银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="房贷月供" prop="wifeHouseLoadMouthPay">
        <el-input
          v-model="queryParams.wifeHouseLoadMouthPay"
          placeholder="请输入房贷月供"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信贷金额" prop="wifeCreditLoadAmount">
        <el-input
          v-model="queryParams.wifeCreditLoadAmount"
          placeholder="请输入信贷金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信贷银行" prop="wifeCreditLoadBank">
        <el-input
          v-model="queryParams.wifeCreditLoadBank"
          placeholder="请输入信贷银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信贷月供" prop="wifeCreditLoadMonthPay">
        <el-input
          v-model="queryParams.wifeCreditLoadMonthPay"
          placeholder="请输入信贷月供"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="车贷金额" prop="wifeCarLoadAmount">
        <el-input
          v-model="queryParams.wifeCarLoadAmount"
          placeholder="请输入车贷金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="车贷银行" prop="wifeCarLoadBank">
        <el-input
          v-model="queryParams.wifeCarLoadBank"
          placeholder="请输入车贷银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="车贷月供" prop="wifeCarLoadMonthPay">
        <el-input
          v-model="queryParams.wifeCarLoadMonthPay"
          placeholder="请输入车贷月供"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信卡额度" prop="wifeCreditCardLoadLimit">
        <el-input
          v-model="queryParams.wifeCreditCardLoadLimit"
          placeholder="请输入信卡额度"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信卡银行" prop="wifeCreditCardBank">
        <el-input
          v-model="queryParams.wifeCreditCardBank"
          placeholder="请输入信卡银行"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信卡用额" prop="wifeCreditCardUsed">
        <el-input
          v-model="queryParams.wifeCreditCardUsed"
          placeholder="请输入信卡用额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="备注" prop="wifeRemark">
        <el-input
          v-model="queryParams.wifeRemark"
          placeholder="请输入备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['crm:customer:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['crm:customer:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['crm:customer:remove']"
        >删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['crm:customer:export']"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="customerList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="客户id" align="center" prop="id" />
      <el-table-column label="客户姓名" align="center" prop="loaderName" />
      <el-table-column label="联系方式" align="center" prop="loaderContactInformation" />
      <el-table-column label="身份证号" align="center" prop="loaderIdNumber" />
      <el-table-column label="家庭住址" align="center" prop="loaderAddress" />
      <el-table-column label="出身年月" align="center" prop="loaderAge" />
      <el-table-column label="出身年月" align="center" prop="loaderChildAge" />
      <el-table-column label="是否公司" align="center" prop="loaderCompany" />
      <el-table-column label="公司名称" align="center" prop="loaderCompanyName" />
      <el-table-column label="打卡工资" align="center" prop="loaderSalary" />
      <el-table-column label="公积金" align="center" prop="loaderHouseFund" />
      <el-table-column label="房产地址" align="center" prop="loaderPropertyAddress" />
      <el-table-column label="房产面积" align="center" prop="loaderPropertyAddressArea" />
      <el-table-column label="竣工年月" align="center" prop="loaderPropertyCompletedYears" />
      <el-table-column label="评估价值" align="center" prop="loaderPropertyAssess" />
      <el-table-column label="是否贷款" align="center" prop="loaderPropertyIsLoad" />
      <el-table-column label="贷款金额" align="center" prop="loaderPropertyLoadAmount" />
      <el-table-column label="贷款银行" align="center" prop="loaderPropertyLoadBank" />
      <el-table-column label="负债" align="center" prop="loaderDebt" />
      <el-table-column label="有无保险" align="center" prop="loaderIsInsurance" />
      <el-table-column label="有无车辆" align="center" prop="loaderIsCar" />
      <el-table-column label="有无信贷" align="center" prop="loaderIsCreditLoad" />
      <el-table-column label="有无房贷" align="center" prop="loaderIsHouseLoad" />
      <el-table-column label="有无信卡" align="center" prop="loaderIsCreditCard" />
      <el-table-column label="房贷类型" align="center" prop="loaderHouseLoadType" />
      <el-table-column label="房贷金额" align="center" prop="loaderHouseLoadAmount" />
      <el-table-column label="房贷银行" align="center" prop="loaderHouseLoadBank" />
      <el-table-column label="房贷月供" align="center" prop="loaderHouseLoadMouthPay" />
      <el-table-column label="信贷金额" align="center" prop="loaderCreditLoadAmount" />
      <el-table-column label="信贷银行" align="center" prop="loaderCreditLoadBank" />
      <el-table-column label="信贷月供" align="center" prop="loaderCreditLoadMonthPay" />
      <el-table-column label="车贷金额" align="center" prop="loaderCarLoadAmount" />
      <el-table-column label="车贷银行" align="center" prop="loaderCarLoadBank" />
      <el-table-column label="车贷月供" align="center" prop="loaderCarLoadMonthPay" />
      <el-table-column label="信卡额度" align="center" prop="loaderCreditCardLoadLimit" />
      <el-table-column label="信卡银行" align="center" prop="loaderCreditCardBank" />
      <el-table-column label="信卡用额" align="center" prop="loaderCreditCardUsed" />
      <el-table-column label="备注" align="center" prop="loaderRemark" />
      <el-table-column label="跟进记录" align="center" prop="loadFollow" />
      <el-table-column label="客户收佣" align="center" prop="loadCommission" />
      <el-table-column label="提醒时间" align="center" prop="loadReminderTime" />
      <el-table-column label="客户经理" align="center" prop="loadBelongPerson" />
      <el-table-column label="归属部门" align="center" prop="loadBelongDepartment" />
      <el-table-column label="贷款类型" align="center" prop="loadType" />
      <el-table-column label="贷款进度" align="center" prop="loadProgress" />
      <el-table-column label="还款提醒" align="center" prop="loadProgressRecall" />
      <el-table-column label="贷款收佣" align="center" prop="loadReceive" />
      <el-table-column label="贷款来源" align="center" prop="loadSource" />
      <el-table-column label="贷款金额" align="center" prop="loadAmount" />
      <el-table-column label="贷款年限" align="center" prop="loadLife" />
      <el-table-column label="还款方式" align="center" prop="loadRepayWay" />
      <el-table-column label="贷款月供" align="center" prop="loadMonthPay" />
      <el-table-column label="放款银行" align="center" prop="loadBank" />
      <el-table-column label="起始日期" align="center" prop="loadStartDay" />
      <el-table-column label="还款日期" align="center" prop="loadRepayDay" />
      <el-table-column label="是否还款" align="center" prop="loadRepayRecall" />
      <el-table-column label="备注" align="center" prop="loadRemark" />
      <el-table-column label="配偶姓名" align="center" prop="wifeName" />
      <el-table-column label="联系方式" align="center" prop="wifeContactInformation" />
      <el-table-column label="身份证号" align="center" prop="wifeIdNumber" />
      <el-table-column label="家庭住址" align="center" prop="wifeAddress" />
      <el-table-column label="出身年月" align="center" prop="wifeAge" />
      <el-table-column label="出身年月" align="center" prop="wifeChildAge" />
      <el-table-column label="是否公司" align="center" prop="wifeCompany" />
      <el-table-column label="公司名称" align="center" prop="wifeCompanyName" />
      <el-table-column label="打卡工资" align="center" prop="wifeSalary" />
      <el-table-column label="公积金" align="center" prop="wifeHouseFund" />
      <el-table-column label="房产地址" align="center" prop="wifePropertyAddress" />
      <el-table-column label="房产面积" align="center" prop="wifePropertyAddressArea" />
      <el-table-column label="竣工年月" align="center" prop="wifePropertyCompletedYears" />
      <el-table-column label="评估价值" align="center" prop="wifePropertyAssess" />
      <el-table-column label="是否贷款" align="center" prop="wifePropertyIsLoad" />
      <el-table-column label="贷款金额" align="center" prop="wifePropertyLoadAmount" />
      <el-table-column label="贷款银行" align="center" prop="wifePropertyLoadBank" />
      <el-table-column label="负债" align="center" prop="wifeDebt" />
      <el-table-column label="有无保险" align="center" prop="wifeIsInsurance" />
      <el-table-column label="有无车辆" align="center" prop="wifeIsCar" />
      <el-table-column label="有无信贷" align="center" prop="wifeIsCreditLoad" />
      <el-table-column label="有无房贷" align="center" prop="wifeIsHouseLoad" />
      <el-table-column label="有无信卡" align="center" prop="wifeIsCreditCard" />
      <el-table-column label="房贷类型" align="center" prop="wifeHouseLoadType" />
      <el-table-column label="房贷金额" align="center" prop="wifeHouseLoadAmount" />
      <el-table-column label="房贷银行" align="center" prop="wifeHouseLoadBank" />
      <el-table-column label="房贷月供" align="center" prop="wifeHouseLoadMouthPay" />
      <el-table-column label="信贷金额" align="center" prop="wifeCreditLoadAmount" />
      <el-table-column label="信贷银行" align="center" prop="wifeCreditLoadBank" />
      <el-table-column label="信贷月供" align="center" prop="wifeCreditLoadMonthPay" />
      <el-table-column label="车贷金额" align="center" prop="wifeCarLoadAmount" />
      <el-table-column label="车贷银行" align="center" prop="wifeCarLoadBank" />
      <el-table-column label="车贷月供" align="center" prop="wifeCarLoadMonthPay" />
      <el-table-column label="信卡额度" align="center" prop="wifeCreditCardLoadLimit" />
      <el-table-column label="信卡银行" align="center" prop="wifeCreditCardBank" />
      <el-table-column label="信卡用额" align="center" prop="wifeCreditCardUsed" />
      <el-table-column label="备注" align="center" prop="wifeRemark" />
      <el-table-column label="备注" align="center" prop="remark" />
      <el-table-column label="帐号状态" align="center" prop="status" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['crm:customer:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['crm:customer:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改客户信息对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="客户姓名" prop="loaderName">
          <el-input v-model="form.loaderName" placeholder="请输入客户姓名" />
        </el-form-item>
        <el-form-item label="联系方式" prop="loaderContactInformation">
          <el-input v-model="form.loaderContactInformation" placeholder="请输入联系方式" />
        </el-form-item>
        <el-form-item label="身份证号" prop="loaderIdNumber">
          <el-input v-model="form.loaderIdNumber" placeholder="请输入身份证号" />
        </el-form-item>
        <el-form-item label="家庭住址" prop="loaderAddress">
          <el-input v-model="form.loaderAddress" placeholder="请输入家庭住址" />
        </el-form-item>
        <el-form-item label="出身年月" prop="loaderAge">
          <el-input v-model="form.loaderAge" placeholder="请输入出身年月" />
        </el-form-item>
        <el-form-item label="出身年月" prop="loaderChildAge">
          <el-input v-model="form.loaderChildAge" placeholder="请输入出身年月" />
        </el-form-item>
        <el-form-item label="是否公司" prop="loaderCompany">
          <el-input v-model="form.loaderCompany" placeholder="请输入是否公司" />
        </el-form-item>
        <el-form-item label="公司名称" prop="loaderCompanyName">
          <el-input v-model="form.loaderCompanyName" placeholder="请输入公司名称" />
        </el-form-item>
        <el-form-item label="打卡工资" prop="loaderSalary">
          <el-input v-model="form.loaderSalary" placeholder="请输入打卡工资" />
        </el-form-item>
        <el-form-item label="公积金" prop="loaderHouseFund">
          <el-input v-model="form.loaderHouseFund" placeholder="请输入公积金" />
        </el-form-item>
        <el-form-item label="房产地址" prop="loaderPropertyAddress">
          <el-input v-model="form.loaderPropertyAddress" placeholder="请输入房产地址" />
        </el-form-item>
        <el-form-item label="房产面积" prop="loaderPropertyAddressArea">
          <el-input v-model="form.loaderPropertyAddressArea" placeholder="请输入房产面积" />
        </el-form-item>
        <el-form-item label="竣工年月" prop="loaderPropertyCompletedYears">
          <el-input v-model="form.loaderPropertyCompletedYears" placeholder="请输入竣工年月" />
        </el-form-item>
        <el-form-item label="评估价值" prop="loaderPropertyAssess">
          <el-input v-model="form.loaderPropertyAssess" placeholder="请输入评估价值" />
        </el-form-item>
        <el-form-item label="是否贷款" prop="loaderPropertyIsLoad">
          <el-input v-model="form.loaderPropertyIsLoad" placeholder="请输入是否贷款" />
        </el-form-item>
        <el-form-item label="贷款金额" prop="loaderPropertyLoadAmount">
          <el-input v-model="form.loaderPropertyLoadAmount" placeholder="请输入贷款金额" />
        </el-form-item>
        <el-form-item label="贷款银行" prop="loaderPropertyLoadBank">
          <el-input v-model="form.loaderPropertyLoadBank" placeholder="请输入贷款银行" />
        </el-form-item>
        <el-form-item label="负债" prop="loaderDebt">
          <el-input v-model="form.loaderDebt" placeholder="请输入负债" />
        </el-form-item>
        <el-form-item label="有无保险" prop="loaderIsInsurance">
          <el-input v-model="form.loaderIsInsurance" placeholder="请输入有无保险" />
        </el-form-item>
        <el-form-item label="有无车辆" prop="loaderIsCar">
          <el-input v-model="form.loaderIsCar" placeholder="请输入有无车辆" />
        </el-form-item>
        <el-form-item label="有无信贷" prop="loaderIsCreditLoad">
          <el-input v-model="form.loaderIsCreditLoad" placeholder="请输入有无信贷" />
        </el-form-item>
        <el-form-item label="有无房贷" prop="loaderIsHouseLoad">
          <el-input v-model="form.loaderIsHouseLoad" placeholder="请输入有无房贷" />
        </el-form-item>
        <el-form-item label="有无信卡" prop="loaderIsCreditCard">
          <el-input v-model="form.loaderIsCreditCard" placeholder="请输入有无信卡" />
        </el-form-item>
        <el-form-item label="房贷金额" prop="loaderHouseLoadAmount">
          <el-input v-model="form.loaderHouseLoadAmount" placeholder="请输入房贷金额" />
        </el-form-item>
        <el-form-item label="房贷银行" prop="loaderHouseLoadBank">
          <el-input v-model="form.loaderHouseLoadBank" placeholder="请输入房贷银行" />
        </el-form-item>
        <el-form-item label="房贷月供" prop="loaderHouseLoadMouthPay">
          <el-input v-model="form.loaderHouseLoadMouthPay" placeholder="请输入房贷月供" />
        </el-form-item>
        <el-form-item label="信贷金额" prop="loaderCreditLoadAmount">
          <el-input v-model="form.loaderCreditLoadAmount" placeholder="请输入信贷金额" />
        </el-form-item>
        <el-form-item label="信贷银行" prop="loaderCreditLoadBank">
          <el-input v-model="form.loaderCreditLoadBank" placeholder="请输入信贷银行" />
        </el-form-item>
        <el-form-item label="信贷月供" prop="loaderCreditLoadMonthPay">
          <el-input v-model="form.loaderCreditLoadMonthPay" placeholder="请输入信贷月供" />
        </el-form-item>
        <el-form-item label="车贷金额" prop="loaderCarLoadAmount">
          <el-input v-model="form.loaderCarLoadAmount" placeholder="请输入车贷金额" />
        </el-form-item>
        <el-form-item label="车贷银行" prop="loaderCarLoadBank">
          <el-input v-model="form.loaderCarLoadBank" placeholder="请输入车贷银行" />
        </el-form-item>
        <el-form-item label="车贷月供" prop="loaderCarLoadMonthPay">
          <el-input v-model="form.loaderCarLoadMonthPay" placeholder="请输入车贷月供" />
        </el-form-item>
        <el-form-item label="信卡额度" prop="loaderCreditCardLoadLimit">
          <el-input v-model="form.loaderCreditCardLoadLimit" placeholder="请输入信卡额度" />
        </el-form-item>
        <el-form-item label="信卡银行" prop="loaderCreditCardBank">
          <el-input v-model="form.loaderCreditCardBank" placeholder="请输入信卡银行" />
        </el-form-item>
        <el-form-item label="信卡用额" prop="loaderCreditCardUsed">
          <el-input v-model="form.loaderCreditCardUsed" placeholder="请输入信卡用额" />
        </el-form-item>
        <el-form-item label="备注" prop="loaderRemark">
          <el-input v-model="form.loaderRemark" placeholder="请输入备注" />
        </el-form-item>
        <el-form-item label="跟进记录" prop="loadFollow">
          <el-input v-model="form.loadFollow" placeholder="请输入跟进记录" />
        </el-form-item>
        <el-form-item label="客户收佣" prop="loadCommission">
          <el-input v-model="form.loadCommission" placeholder="请输入客户收佣" />
        </el-form-item>
        <el-form-item label="提醒时间" prop="loadReminderTime">
          <el-input v-model="form.loadReminderTime" placeholder="请输入提醒时间" />
        </el-form-item>
        <el-form-item label="客户经理" prop="loadBelongPerson">
          <el-input v-model="form.loadBelongPerson" placeholder="请输入客户经理" />
        </el-form-item>
        <el-form-item label="归属部门" prop="loadBelongDepartment">
          <el-input v-model="form.loadBelongDepartment" placeholder="请输入归属部门" />
        </el-form-item>
        <el-form-item label="贷款进度" prop="loadProgress">
          <el-input v-model="form.loadProgress" placeholder="请输入贷款进度" />
        </el-form-item>
        <el-form-item label="还款提醒" prop="loadProgressRecall">
          <el-input v-model="form.loadProgressRecall" placeholder="请输入还款提醒" />
        </el-form-item>
        <el-form-item label="贷款收佣" prop="loadReceive">
          <el-input v-model="form.loadReceive" placeholder="请输入贷款收佣" />
        </el-form-item>
        <el-form-item label="贷款来源" prop="loadSource">
          <el-input v-model="form.loadSource" placeholder="请输入贷款来源" />
        </el-form-item>
        <el-form-item label="贷款金额" prop="loadAmount">
          <el-input v-model="form.loadAmount" placeholder="请输入贷款金额" />
        </el-form-item>
        <el-form-item label="贷款年限" prop="loadLife">
          <el-input v-model="form.loadLife" placeholder="请输入贷款年限" />
        </el-form-item>
        <el-form-item label="还款方式" prop="loadRepayWay">
          <el-input v-model="form.loadRepayWay" placeholder="请输入还款方式" />
        </el-form-item>
        <el-form-item label="贷款月供" prop="loadMonthPay">
          <el-input v-model="form.loadMonthPay" placeholder="请输入贷款月供" />
        </el-form-item>
        <el-form-item label="放款银行" prop="loadBank">
          <el-input v-model="form.loadBank" placeholder="请输入放款银行" />
        </el-form-item>
        <el-form-item label="起始日期" prop="loadStartDay">
          <el-input v-model="form.loadStartDay" placeholder="请输入起始日期" />
        </el-form-item>
        <el-form-item label="还款日期" prop="loadRepayDay">
          <el-input v-model="form.loadRepayDay" placeholder="请输入还款日期" />
        </el-form-item>
        <el-form-item label="是否还款" prop="loadRepayRecall">
          <el-input v-model="form.loadRepayRecall" placeholder="请输入是否还款" />
        </el-form-item>
        <el-form-item label="备注" prop="loadRemark">
          <el-input v-model="form.loadRemark" placeholder="请输入备注" />
        </el-form-item>
        <el-form-item label="配偶姓名" prop="wifeName">
          <el-input v-model="form.wifeName" placeholder="请输入配偶姓名" />
        </el-form-item>
        <el-form-item label="联系方式" prop="wifeContactInformation">
          <el-input v-model="form.wifeContactInformation" placeholder="请输入联系方式" />
        </el-form-item>
        <el-form-item label="身份证号" prop="wifeIdNumber">
          <el-input v-model="form.wifeIdNumber" placeholder="请输入身份证号" />
        </el-form-item>
        <el-form-item label="家庭住址" prop="wifeAddress">
          <el-input v-model="form.wifeAddress" placeholder="请输入家庭住址" />
        </el-form-item>
        <el-form-item label="出身年月" prop="wifeAge">
          <el-input v-model="form.wifeAge" placeholder="请输入出身年月" />
        </el-form-item>
        <el-form-item label="出身年月" prop="wifeChildAge">
          <el-input v-model="form.wifeChildAge" placeholder="请输入出身年月" />
        </el-form-item>
        <el-form-item label="是否公司" prop="wifeCompany">
          <el-input v-model="form.wifeCompany" placeholder="请输入是否公司" />
        </el-form-item>
        <el-form-item label="公司名称" prop="wifeCompanyName">
          <el-input v-model="form.wifeCompanyName" placeholder="请输入公司名称" />
        </el-form-item>
        <el-form-item label="打卡工资" prop="wifeSalary">
          <el-input v-model="form.wifeSalary" placeholder="请输入打卡工资" />
        </el-form-item>
        <el-form-item label="公积金" prop="wifeHouseFund">
          <el-input v-model="form.wifeHouseFund" placeholder="请输入公积金" />
        </el-form-item>
        <el-form-item label="房产地址" prop="wifePropertyAddress">
          <el-input v-model="form.wifePropertyAddress" placeholder="请输入房产地址" />
        </el-form-item>
        <el-form-item label="房产面积" prop="wifePropertyAddressArea">
          <el-input v-model="form.wifePropertyAddressArea" placeholder="请输入房产面积" />
        </el-form-item>
        <el-form-item label="竣工年月" prop="wifePropertyCompletedYears">
          <el-input v-model="form.wifePropertyCompletedYears" placeholder="请输入竣工年月" />
        </el-form-item>
        <el-form-item label="评估价值" prop="wifePropertyAssess">
          <el-input v-model="form.wifePropertyAssess" placeholder="请输入评估价值" />
        </el-form-item>
        <el-form-item label="是否贷款" prop="wifePropertyIsLoad">
          <el-input v-model="form.wifePropertyIsLoad" placeholder="请输入是否贷款" />
        </el-form-item>
        <el-form-item label="贷款金额" prop="wifePropertyLoadAmount">
          <el-input v-model="form.wifePropertyLoadAmount" placeholder="请输入贷款金额" />
        </el-form-item>
        <el-form-item label="贷款银行" prop="wifePropertyLoadBank">
          <el-input v-model="form.wifePropertyLoadBank" placeholder="请输入贷款银行" />
        </el-form-item>
        <el-form-item label="负债" prop="wifeDebt">
          <el-input v-model="form.wifeDebt" placeholder="请输入负债" />
        </el-form-item>
        <el-form-item label="有无保险" prop="wifeIsInsurance">
          <el-input v-model="form.wifeIsInsurance" placeholder="请输入有无保险" />
        </el-form-item>
        <el-form-item label="有无车辆" prop="wifeIsCar">
          <el-input v-model="form.wifeIsCar" placeholder="请输入有无车辆" />
        </el-form-item>
        <el-form-item label="有无信贷" prop="wifeIsCreditLoad">
          <el-input v-model="form.wifeIsCreditLoad" placeholder="请输入有无信贷" />
        </el-form-item>
        <el-form-item label="有无房贷" prop="wifeIsHouseLoad">
          <el-input v-model="form.wifeIsHouseLoad" placeholder="请输入有无房贷" />
        </el-form-item>
        <el-form-item label="有无信卡" prop="wifeIsCreditCard">
          <el-input v-model="form.wifeIsCreditCard" placeholder="请输入有无信卡" />
        </el-form-item>
        <el-form-item label="房贷金额" prop="wifeHouseLoadAmount">
          <el-input v-model="form.wifeHouseLoadAmount" placeholder="请输入房贷金额" />
        </el-form-item>
        <el-form-item label="房贷银行" prop="wifeHouseLoadBank">
          <el-input v-model="form.wifeHouseLoadBank" placeholder="请输入房贷银行" />
        </el-form-item>
        <el-form-item label="房贷月供" prop="wifeHouseLoadMouthPay">
          <el-input v-model="form.wifeHouseLoadMouthPay" placeholder="请输入房贷月供" />
        </el-form-item>
        <el-form-item label="信贷金额" prop="wifeCreditLoadAmount">
          <el-input v-model="form.wifeCreditLoadAmount" placeholder="请输入信贷金额" />
        </el-form-item>
        <el-form-item label="信贷银行" prop="wifeCreditLoadBank">
          <el-input v-model="form.wifeCreditLoadBank" placeholder="请输入信贷银行" />
        </el-form-item>
        <el-form-item label="信贷月供" prop="wifeCreditLoadMonthPay">
          <el-input v-model="form.wifeCreditLoadMonthPay" placeholder="请输入信贷月供" />
        </el-form-item>
        <el-form-item label="车贷金额" prop="wifeCarLoadAmount">
          <el-input v-model="form.wifeCarLoadAmount" placeholder="请输入车贷金额" />
        </el-form-item>
        <el-form-item label="车贷银行" prop="wifeCarLoadBank">
          <el-input v-model="form.wifeCarLoadBank" placeholder="请输入车贷银行" />
        </el-form-item>
        <el-form-item label="车贷月供" prop="wifeCarLoadMonthPay">
          <el-input v-model="form.wifeCarLoadMonthPay" placeholder="请输入车贷月供" />
        </el-form-item>
        <el-form-item label="信卡额度" prop="wifeCreditCardLoadLimit">
          <el-input v-model="form.wifeCreditCardLoadLimit" placeholder="请输入信卡额度" />
        </el-form-item>
        <el-form-item label="信卡银行" prop="wifeCreditCardBank">
          <el-input v-model="form.wifeCreditCardBank" placeholder="请输入信卡银行" />
        </el-form-item>
        <el-form-item label="信卡用额" prop="wifeCreditCardUsed">
          <el-input v-model="form.wifeCreditCardUsed" placeholder="请输入信卡用额" />
        </el-form-item>
        <el-form-item label="备注" prop="wifeRemark">
          <el-input v-model="form.wifeRemark" placeholder="请输入备注" />
        </el-form-item>
        <el-form-item label="备注" prop="remark">
          <el-input v-model="form.remark" placeholder="请输入备注" />
        </el-form-item>
        <el-form-item label="删除标志" prop="delFlag">
          <el-input v-model="form.delFlag" placeholder="请输入删除标志" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listCustomer, getCustomer, delCustomer, addCustomer, updateCustomer } from "@/api/crm/customer";

export default {
  name: "Customer",
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 客户信息表格数据
      customerList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        loaderName: null,
        loaderContactInformation: null,
        loaderIdNumber: null,
        loaderAddress: null,
        loaderAge: null,
        loaderChildAge: null,
        loaderCompany: null,
        loaderCompanyName: null,
        loaderSalary: null,
        loaderHouseFund: null,
        loaderPropertyAddress: null,
        loaderPropertyAddressArea: null,
        loaderPropertyCompletedYears: null,
        loaderPropertyAssess: null,
        loaderPropertyIsLoad: null,
        loaderPropertyLoadAmount: null,
        loaderPropertyLoadBank: null,
        loaderDebt: null,
        loaderIsInsurance: null,
        loaderIsCar: null,
        loaderIsCreditLoad: null,
        loaderIsHouseLoad: null,
        loaderIsCreditCard: null,
        loaderHouseLoadType: null,
        loaderHouseLoadAmount: null,
        loaderHouseLoadBank: null,
        loaderHouseLoadMouthPay: null,
        loaderCreditLoadAmount: null,
        loaderCreditLoadBank: null,
        loaderCreditLoadMonthPay: null,
        loaderCarLoadAmount: null,
        loaderCarLoadBank: null,
        loaderCarLoadMonthPay: null,
        loaderCreditCardLoadLimit: null,
        loaderCreditCardBank: null,
        loaderCreditCardUsed: null,
        loaderRemark: null,
        loadFollow: null,
        loadCommission: null,
        loadReminderTime: null,
        loadBelongPerson: null,
        loadBelongDepartment: null,
        loadType: null,
        loadProgress: null,
        loadProgressRecall: null,
        loadReceive: null,
        loadSource: null,
        loadAmount: null,
        loadLife: null,
        loadRepayWay: null,
        loadMonthPay: null,
        loadBank: null,
        loadStartDay: null,
        loadRepayDay: null,
        loadRepayRecall: null,
        loadRemark: null,
        wifeName: null,
        wifeContactInformation: null,
        wifeIdNumber: null,
        wifeAddress: null,
        wifeAge: null,
        wifeChildAge: null,
        wifeCompany: null,
        wifeCompanyName: null,
        wifeSalary: null,
        wifeHouseFund: null,
        wifePropertyAddress: null,
        wifePropertyAddressArea: null,
        wifePropertyCompletedYears: null,
        wifePropertyAssess: null,
        wifePropertyIsLoad: null,
        wifePropertyLoadAmount: null,
        wifePropertyLoadBank: null,
        wifeDebt: null,
        wifeIsInsurance: null,
        wifeIsCar: null,
        wifeIsCreditLoad: null,
        wifeIsHouseLoad: null,
        wifeIsCreditCard: null,
        wifeHouseLoadType: null,
        wifeHouseLoadAmount: null,
        wifeHouseLoadBank: null,
        wifeHouseLoadMouthPay: null,
        wifeCreditLoadAmount: null,
        wifeCreditLoadBank: null,
        wifeCreditLoadMonthPay: null,
        wifeCarLoadAmount: null,
        wifeCarLoadBank: null,
        wifeCarLoadMonthPay: null,
        wifeCreditCardLoadLimit: null,
        wifeCreditCardBank: null,
        wifeCreditCardUsed: null,
        wifeRemark: null,
        status: null,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询客户信息列表 */
    getList() {
      this.loading = true;
      listCustomer(this.queryParams).then(response => {
        this.customerList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        loaderName: null,
        loaderContactInformation: null,
        loaderIdNumber: null,
        loaderAddress: null,
        loaderAge: null,
        loaderChildAge: null,
        loaderCompany: null,
        loaderCompanyName: null,
        loaderSalary: null,
        loaderHouseFund: null,
        loaderPropertyAddress: null,
        loaderPropertyAddressArea: null,
        loaderPropertyCompletedYears: null,
        loaderPropertyAssess: null,
        loaderPropertyIsLoad: null,
        loaderPropertyLoadAmount: null,
        loaderPropertyLoadBank: null,
        loaderDebt: null,
        loaderIsInsurance: null,
        loaderIsCar: null,
        loaderIsCreditLoad: null,
        loaderIsHouseLoad: null,
        loaderIsCreditCard: null,
        loaderHouseLoadType: null,
        loaderHouseLoadAmount: null,
        loaderHouseLoadBank: null,
        loaderHouseLoadMouthPay: null,
        loaderCreditLoadAmount: null,
        loaderCreditLoadBank: null,
        loaderCreditLoadMonthPay: null,
        loaderCarLoadAmount: null,
        loaderCarLoadBank: null,
        loaderCarLoadMonthPay: null,
        loaderCreditCardLoadLimit: null,
        loaderCreditCardBank: null,
        loaderCreditCardUsed: null,
        loaderRemark: null,
        loadFollow: null,
        loadCommission: null,
        loadReminderTime: null,
        loadBelongPerson: null,
        loadBelongDepartment: null,
        loadType: null,
        loadProgress: null,
        loadProgressRecall: null,
        loadReceive: null,
        loadSource: null,
        loadAmount: null,
        loadLife: null,
        loadRepayWay: null,
        loadMonthPay: null,
        loadBank: null,
        loadStartDay: null,
        loadRepayDay: null,
        loadRepayRecall: null,
        loadRemark: null,
        wifeName: null,
        wifeContactInformation: null,
        wifeIdNumber: null,
        wifeAddress: null,
        wifeAge: null,
        wifeChildAge: null,
        wifeCompany: null,
        wifeCompanyName: null,
        wifeSalary: null,
        wifeHouseFund: null,
        wifePropertyAddress: null,
        wifePropertyAddressArea: null,
        wifePropertyCompletedYears: null,
        wifePropertyAssess: null,
        wifePropertyIsLoad: null,
        wifePropertyLoadAmount: null,
        wifePropertyLoadBank: null,
        wifeDebt: null,
        wifeIsInsurance: null,
        wifeIsCar: null,
        wifeIsCreditLoad: null,
        wifeIsHouseLoad: null,
        wifeIsCreditCard: null,
        wifeHouseLoadType: null,
        wifeHouseLoadAmount: null,
        wifeHouseLoadBank: null,
        wifeHouseLoadMouthPay: null,
        wifeCreditLoadAmount: null,
        wifeCreditLoadBank: null,
        wifeCreditLoadMonthPay: null,
        wifeCarLoadAmount: null,
        wifeCarLoadBank: null,
        wifeCarLoadMonthPay: null,
        wifeCreditCardLoadLimit: null,
        wifeCreditCardBank: null,
        wifeCreditCardUsed: null,
        wifeRemark: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null,
        remark: null,
        status: null,
        delFlag: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加客户信息";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getCustomer(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改客户信息";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateCustomer(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addCustomer(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除客户信息编号为"' + ids + '"的数据项？').then(function() {
        return delCustomer(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('crm/customer/export', {
        ...this.queryParams
      }, `customer_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>
